.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
ul.treeview li { position: relative; }

/*ul.treeview li ul li ul li span { left: 6px!important; }*/

.treeview ul {
	/*background-color: white;*/
	margin: -2px 0 0 12px;
}

.treeview .hitarea {
	background: url(../images/treeview-icons.png) 0px -23px no-repeat;
	height: 16px;
    width: 16px;
    margin-left: -16px;
    margin-top: -9px;
    float: left;
    cursor: pointer;
}
.treeview li:before {
	display: inline-block;
    content: "";
    position: absolute;
    top: 14px;
    left: 15px;
    width: 14px;
    height: 0;
    border-top: 1px dotted #666;
    z-index: 1;
}
.treeview >li >ul >li:not(.last) {
	background-position: 0px -20px;
}
.treeview >li >ul >li:not(.last):before {	top: 25px;  width: 18px;   left: 7px; }
.treeview >li >ul >li >span { left: 14px!important; }
.treeview li.collapsable > ul { 
	top:-5px; 
} 
.treeview > li.collapsable > ul > li:only-of-type {
    /*background-position: 0px -1760px;*/
    background-position: 0px -1754px;
}
.treeview > li.collapsable > ul > li:only-of-type:before {
	top: 21px;
}
.treeview > li.collapsable > ul > li:only-of-type .hitarea {
    margin-top: -2px;
}
.treeview > li.collapsable > ul > li:only-of-type > span {
    /*top: -4px;*/
    top: 6px;
}

.treeview li.treeviewFirstLi >span:only-child {
	top: -10px;
}
.treeview li.treeviewFirstLi > ul {
	top: 0!important;
}
.treeview li.treeviewFirstLi > ul >li:before {
	top: 20px!important;
}
.treeview li.treeviewFirstLi > ul >li {
    background-position: 0px -1755px!important;
}
.treeview li.treeviewFirstLi > ul >li >span {
    top: 5px!important;
}

.treeview .hitarea+span {
	position: relative;
    top: -10px;
    left: 3px;
}
.treeview li>span:only-of-type {
	position: relative;
    left: 16px;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 16px 0 3px 16px;
}


.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #FF6C60; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 5px no-repeat; }

ul#navigation > li.expandable, ul#navigation > li.collapsable {
	background-position: 0 -288px;
}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview li ul li.expandable:not([class*="lastExpandable"]), .treeview li ul li.collapsable:not([class*="lastCollapsable"]) {
    background-position: 0 -163px;
}
.treeview li ul li.expandable:not([class*="lastExpandable"]):before, .treeview li ul li.collapsable:not([class*="lastCollapsable"]):before {
    top: 20px;
}
.treeview li ul li.expandable:not([class*="lastExpandable"]) > .hitarea, .treeview li ul li.collapsable:not([class*="lastCollapsable"]) > .hitarea {
	margin-top: -3px;
}
.treeview li ul li.expandable:not([class*="lastExpandable"]) > span, .treeview li ul li.collapsable:not([class*="lastCollapsable"]) > span {
    top: -5px;
}
.treeview li ul li.expandable:not([class*="lastExpandable"]) > ul, .treeview li ul li.collapsable:not([class*="lastCollapsable"]) > ul {
	/*top: 5px;*/
	top:-2px;
}
.treeview > li > ul > li.lastExpandable > ul, .treeview > li > ul > li.lastCollapsable > ul {
	top: 1px;
}
.treeview li ul li.lastExpandable, .treeview li ul li.lastCollapsable{
    background-position: 0px -1767px;
}

.treeview .expandable-hitarea { background-position: 0 0; }

.treeview li.last { 
	position: relative;
   /* top: -7px;*/
   	top:-2px;
	background-position: 0 -1755px;
	cursor:pointer;
	padding: 6px 0 0 16px;
}
.treeview li.last:before {
	width: 10px;
	top:20px;
}
.treeview li.last span { position: relative; top: 5px; }
.treeview >li.collapsable >ul >li >ul >li:not(.last){
    background-position: 0px -12px;
}
.treeview >li.collapsable >ul >li >ul >li:not(.last):before {
	top: 26px;
    left: 9px;
    width: 16px;
}
.treeview >li.collapsable >ul >li >ul >li:not(.last) >span {
	top:2px;
	left: 14px;
}
.treeview ul li.last:hover {color: #FF6C60; }
/*.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url(../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview-red.gif); } 
.treeview-black li { background-image: url(../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview-black.gif); }  
.treeview-gray li { background-image: url(../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview-gray.gif); } 
.treeview-famfamfam li { background-image: url(../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.gif); }
.treeview .placeholder {
	background: url(../images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
} 
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }*/
